@charset "UTF-8";

h3 {
    color: yellow;
}
/*所有匹配li这个元素得标签都设置样式*/
/*li{*/
/*    color: blue;*/
/*}*/

/*ul{*/
/*    color: blue;*/
/*}*/

/*1.元素选择器：元素名称{} 直接写标签名称即可！*/

/*2.id选择器：#id名称{} 注意，id选择器具备唯一性 */
/*#u01 {*/
/*    color: blue;*/
/*}*/

/*3. 组合选择器 [分组选择器]  */
/*#l01, #l02, #l03, h3{*/
/*    color: blue;*/
/*}*/

/*** id 和 class 是可以添加到任意标签上的！****/

/*4. 类选择器： .类名称{} */
/*.c1 {*/
/*    color: red;*/
/*}*/

/*li{*/
/*    color: pink;*/
/*}*/
/*ul{*/
/*    color: blue;*/
/*}*/

/*层叠优先级： id > 类 > 标签 */

/*5. 属性选择器:  标签[属性名=‘属性值’]*/
/*li[width="10"]{*/
/*    color: blueviolet;*/
/*}*/

/*6. 子孙后代选择器*/
#d1 li {
    color: red;
}
/*7. 子元素选择器*/
/*#d1>li{*/
/*    color: yellow;*/
/*}*/

/*8.任意选择器：*{}*/
/**{*/
/*    color: aqua;*/
/*}*/

/*9. 伪类选择器*/
a:visited{ /*访问过后的演样式*/
    color: red;
}
a:link{ /*未访问时的样式*/
    color: blueviolet;
}
a:active{/*点击时的样式*/
    color: yellow;
}
a:hover{/*悬停时的样式*/
    color: aqua;
}
